@charset "utf-8";
html, body {
	font:14px/1.8 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';
	color:#333;
	background:#fff;
	-webkit-text-size-adjust:none;
}
a {
	color:#333;
	text-decoration:none;
}
li {
	list-style:none;
}
ul {
	margin:0;
	padding:0;
}
a:hover {
	color:#CB1A20;
	text-decoration:none;
}
/*头部*/
.inner {
	width:1280px;
	margin:0 auto;
	min-width:1280px;
}
header {
	width:100%;
	min-width:1280px;
	z-index:555;
}
#web_logo {
	float:left;
	margin-top:3px;
}
.topbox {
	position: fixed;
	width:100%;
	left:0;
	top:40px;
	z-index: 1000;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 1000ms ease-in-out;
}
.topbox .topbox-inner {
	padding:0 1%;
	background: #fff;
	width:95%;
	margin:0 auto;
	position: relative;
	display:block;
	height:75px;
}
.topbox.scroll {
	box-shadow: 0 0 10px #808080;
	background: #fff;
	top:0;
}
.top-nav a:hover {
	color:#333;
}
.top-nav li.h {
	width:50%;
	float:left;
	text-align:left;
	height:35px;
	line-height:35px;
}
.top-nav li.b {
	width:50%;
	float:right;
}
.top-nav li.t span {
	padding:0px 10px;
	font-size:10px;
	color:#bbb;
	line-height:35px;
}
.top-logo {
	min-height:90px;
	_height:90px;
}
.logo{ margin-right:5px;}
.indextel {
	float:left;
	font-size:20px;
	font-weight:bold;
	line-height:70px;
	padding-left:20px;
}
.indextel a{ font-weight:normal; text-transform: uppercase; font-size:16px;}
.yuyan {
	float:right;
	margin-top:25px;
	margin-left:20px;
}
nav.top_nav {
	height:48px;
	float: right;
	width:40%;
	z-index:999;
	margin-top:15px;
	text-align:right;
}
nav.top_nav ul li {
	display:inline-block;
	text-align:center;
	height:45px;
	line-height:45px;
	position:relative;
	z-index:999;
	margin:0 10px;
	padding:0 0px;
}
nav.top_nav ul li a {
	color:#333;
	font-size:16px;
}
nav.top_nav ul li a:hover {
	color:#333;
	font-weight:bold;
}
nav.top_nav ul li.line {
	width:0px;
	height:45px;
	padding:0px;
	background:none;
}
nav.top_nav ul li.hover {
	color:#333;
	border-bottom:1px solid #fff;
}
nav.top_nav ul li.hover span {
	color:#333;
}
nav.top_nav ul li:hover a {
	color:#333;
}
nav.top_nav ul li.navdown {
	color:#333;
	font-weight:bold;
}
nav.top_nav ul li.hover a, nav.top_nav ul li.navdown a {
	color:#333;
}
nav.top_nav ul li.hover a:hover, nav.top_nav ul li.navdown a:hover {
	color:#333;
}
.met_flash {
	margin-top:0px;
	font-size:0px;
	overflow:hidden;
	width:100%;
	min-width:1280px;
	text-align:center;
	position:fixed;
	z-index:0;
	height:100vh;
	top:0;
	left:0
}
.met_flash ul {
	margin:0px;
	padding:0px;
}
.smet_flash {
	font-size:0px;
	overflow:hidden;
	width:100%;
	height:420px;
	background: url(../images/b1.jpg) center center;
}
.rbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height:900px;
}
/*自定义banner开始*/
.banner {
	position: relative;
	overflow: hidden;
	text-align:center;
	min-width:1280px;
	height:900px;
}
.banner li {
	list-style: none;
	overflow: hidden;
}
.banner ul li {
	float: left;
	overflow:hidden;
	width:100%;
	height:900px;
}
.banner ul li a{
	width:100%;
	height:100%;
	display:block;
}
.banner .dots {
	position: absolute;
	right: 50%;
	margin-right:0px;
	bottom: 50px;
	z-index:76;
}
.banner .zz {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:67;
	background-color:#000;
	opacity:0.4;
	filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}
.banner .dots li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999em;
	cursor: pointer;
	background:url(../images/doc2.png) no-repeat;
}
.banner .dots li.active {
	background:url(../images/doc.png) repeat-x;
}
.banner .arrows {
	position: absolute;
	right: 50%;
	margin:0 auto;
	bottom: 50px;
	z-index:3;
	height:100%;
}
.banner .arrows .prev {
	position: absolute;
	opacity:0.7;
	width:50px;
	height:50px;
	left:-600px;
	background:url(../images/slider_prev.png) #fff no-repeat center center;
	bottom: 380px;
	z-index:66;
	border-radius: 100%;
	transition: 0.3s;
}
.banner .arrows .next {
	position: absolute;
	width:50px;
	height:50px;
	left:600px;
	bottom: 380px;
	z-index:66;
	background:url(../images/slider_next.png) #fff no-repeat center center;
	border-radius: 100%;
	transition: 0.3s;
	opacity:0.7;
}
.banner .arrows .prev:hover {
	background: #fff url(slider_prev.png) no-repeat center center;
	opacity:0.9;
}
.banner .arrows .next:hover {
	background: #fff url(slider_next.png) no-repeat center center;
	opacity:0.9;
}
/*自定义banner结束*/
/*自定义首页*/
.indexbox {
	width:100%;
	min-width:1280px;
	background:#fff;
	padding-bottom:30px;
	position:relative;
}
.indextitle {
	width:100%;
	padding:50px 0 20px 0;
	text-align: center;
}
.indextitle h3 {
	font-size:24px;
	color:#414541;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: inline-block;
	vertical-align:middle;
	font-weight: bold;
margin-left:5px;
	line-height:45px;
	height:45px;
}
.indextitle span {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#A7A7A7;
	font-family:Arial, 微软雅黑, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	vertical-align:middle;
	line-height:45px;
	padding-bottom:8px;
	height:45px;
	border-top:3px solid #0092DC;
	padding-top:10px;
}
.indexnav {
	float:left;
	width:1200px;
	margin-top:40px;
	margin-bottom:30px;
	background:#fff;
}

.indexnav .nav ul {
	list-style:none;
}
.indexnav .nav li {
	height:46px;
	line-height:46px;
	overflow:hidden;
	border:1px solid #505050;
	width:auto;
	float:left;
	text-align:center;
	background-color:#696969;
	margin:0 24px 10px 0;
	padding:0 55px;
}
.indexnav .nav li a {
	width:auto;
	height:46px;
	line-height:46px;
	overflow:hidden;
	color:#fff;
	display:block;
	text-indent: center;
	font-size:16px
}
.indexnav .nav li:hover {
	border:1px solid #BE0F11;
	background-color:#D12426;
	color:#fff;
}
.indexnav .nav li:hover a {
	color:#fff;
}
.indexpro{ padding-top:50px;}
.indeximg{
	float:left;
	width:23.5%;
	height:auto;
	margin-right:2%;
	text-align:center;
	border-bottom:1px solid #ebebeb;
	margin-bottom:30px;	
	 background-color:#fff;
}
.indeximg:nth-child(4n){ margin-right:0;}	

.indeximg:hover
 { box-shadow: 0 0 20px 2px rgba(0,0,0,.1);transition: all 0.3s ease 0s; background-color:#fff;}


.indeximg h2{
	text-align:center;
}
.indeximg a.box{
	display:block;
	overflow:hidden;
	text-align:center;
}
.indeximg a span{
	height:38px;
	line-height:38px;
	overflow:hidden;
	width:213px;
	display: block;
	color:#333;
	font-size:14px;
}
.indeximg a img{
	float:left;
	width:100%;
	background:#fff;	
		transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.indeximg p{
	float:left;
}
.indeximg p a{
	text-align:center;
}

.indeximg a:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}







/*产品开始*/

.fl {
	float:left;
}
.fr {
	float:right;
}
.fn {
	float:none;
}
.about {
	height:630px;
	padding-top:30px;
	background-color:#f7f5f3;
}
.aboutleft {
	float: left;
	width:560px;
	margin-top:60px;
}
.abouttit {
	font-size:24px;
	color:#666666;
	line-height:40px;
	font-weight:bold;
	border-bottom:1px solid #ff9900;
	padding-bottom:10px;
}
.abouttext {
	font-size:14px;
	color:#666666;
	line-height:36px;
	margin-top:40px;
}
.aboutus {
	height:620px;
}
.aboutusnr {
	margin-top:30px;
}
.aboutright {
	float:right;
	width:600px;
	margin-top:100px;
	height:442px;
}
.aboutright img {
	width: 100%;
	height: 100%;
	transition: all 2s;
}
.aboutright img:hover {
	object-fit: cover;
	animation: imgScale 10s ease-in-out infinite alternate;
	-webkit-animation: imgScale 10s ease-in-out infinite alternate;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	transition: all 2s;
}
.abtitle {
	font-size:18px;
}
.aboutpic {
	float:left;
	width:1200px;
	margin-top:60px;
}
.apic {
	float:left;
	width:200px;
	padding:20px;
	text-align:center;
}
span.heng {
	margin-top:15px;
	margin-right:270px;
	float:right;
	display:block;
	width:150px;
	height:1px;
	background-color:#F0F0F0;
}
.tabs {
	width:1240px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	height:50px;
	line-height:50px;
	box-shadow:0 0 20px 2px rgba(0, 0, 0, .1);
transition:all .3s ease 0s;
	padding-left:40px;
	background:url(../images/proico.jpg) no-repeat 15px center #fff
}
.tabs a {
	width:auto;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	float:left;
	display:inline;
	color:#333;
	padding:0 19px 0;
	background-repeat:no-repeat;
	background-position:17px center;
}
.tabs a span {
	clear:both;
	display:block
}
.tabs a.active {
	color:#000;
	border-bottom:2px solid #0b38ad
}
.tabs a:hover {
	color:#000;
	border-bottom:2px solid #0b38ad
}

.u-main-ad:hover img {
	-webkit-animation-name:draw;
	animation-name:draw;
}
.ui-animate {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes draw {
 0% {
-webkit-transform:rotate3d(0, 1, 0, 0deg);
transform:rotate3d(0, 1, 0, 0deg);
}
 50% {
-webkit-transform:rotate3d(0, 1, 0, -180deg);
transform:rotate3d(0, 1, 0, -180deg);
}
 100% {
-webkit-transform:rotate3d(0, 1, 0, 0deg);
transform:rotate3d(0, 1, 0, 0deg);
}
}
@keyframes draw {
 0% {
-webkit-transform:rotate3d(0, 1, 0, 0deg);
-ms-transform:rotate3d(0, 1, 0, 0deg);
transform:rotate3d(0, 1, 0, 0deg);
}
 50% {
-webkit-transform:rotate3d(0, 1, 0, -180deg);
-ms-transform:rotate3d(0, 1, 0, -180deg);
transform:rotate3d(0, 1, 0, -180deg);
}
 100% {
-webkit-transform:rotate3d(0, 1, 0, 0deg);
-ms-transform:rotate3d(0, 1, 0, 0deg);
transform:rotate3d(0, 1, 0, 0deg);
}
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #F39B24;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.youshi_list ul li {
	float:left;
	width:50%;
	background-color:#E9E9E9;
	background-image:linear-gradient(315deg, #E9E9E9, #D4D4D6);
}
.youshi_list ul li p {
	width:100%;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:auto 98%;
	height:429px;
}
.youshi_list ul li p strong {
	margin-left:40px;
	margin-top:40px;
	display:block;
	font-size:24px
}
.youshi_list ul li p span {
	margin-left:40px;
	font-size:16px;
	display:block;
	line-height:33px;
}
.youshi_list ul li p i {
	width:60px;
	height:2px;
	background-color:#F90;
	display:block;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
}
.youshi_list ul #you1 {
	background-image:none;
	height:469px;
}
.youshi_list ul #you1 strong {
	display:block;
	text-align:center;
	font-size:36px;
	margin-top:14%;
}
.youshi_list ul #you1 span {
	display:block;
	line-height:44px;
	font-size:17px;
	text-align:center;
}
.youshi_list ul #you1 a {
	display:block;
	margin:auto;
	width:120px;
	height:33px;
	line-height:33px;
	text-align:center;
	border:1px #F39B24 solid;
	color:#F39B24;
}
.youshi_list ul #you1 a:hover {
	color:#fff;
}
.youshi_list ul #you2 p {
	background-image:url(sou.png);
}
.youshi_list ul #you3 p {
	background-image:url(yizhan.png);
}
.youshi_list ul #you4 p {
	background-image:url(time.png);
}
a.more {
	margin:auto;
	width:120px;
	height:33px;
	line-height:33px;
	text-align:center;
	border:1px #F39B24 solid;
	color:#F39B24;
	margin-top:30px;
	
}
/* css3动画 结束*/

.fzpic {
	float:right;
	width:630px;
	margin-top:110px;
}
.fzpic li {
	list-style:none;
	width:170px;
	float:left;
	text-align:center;
	margin-left:40px;
}
.fzpic li a {
	font-size:14px;
	color:#fff;
	float:left;
	margin-right:20px;
}
.fzpic li span {
	font-size:16px;
	color:#fff;
	float:left;
	margin-top:25px;
}
.indexpic {
	float:left;
	width:33.3%;
	height:400px;
}
.indexwz {
	float:left;
	padding: 100px 5%;
	width:23.3%;
	height:200px;
}
.indexwz h3 {
	font-size:20px;
}
.cpbg {
	background:url(../images/bg-5.jpg)  center top no-repeat #F2F2F2;
}


.casebg{
		background:url(../images/casebg.png);
		height:340px;
		padding-top:20px;
		padding-bottom:50px;
	
	}

.abpic{
	float:left;
	width:100%;
	}

.abpic{	}
.abpic .ico{ float:left; display:block; width:213px;  color:#333; text-align:center; font-size:18px; padding:24px 0 15px;}
.ind_news{ padding-top:20px;  padding-bottom:50px; background:#F0F0F0;}
.ind_news .in1{ width:1100px;}
.ind_news .in1 .ina{ display:block; width:340px; height:290px;overflow:hidden;}
.ind_news .in1 .hr{ margin-top:40px; margin-bottom:30px; color:#B4B4B4}
.ind_news .in1 .p1{ color:#5D5D5D; padding-top:10px; padding-bottom:5px;}
.ind_news .in1 .in_time{ padding-left:200px;}

.xuanz  img{
transition:1s;
-webkit-transition:1s;
-moz-transition:1s;
}

.xuanz	img:hover{
-webkit-transform:rotate(360deg) scale(1.1); 
	-moz-transform:rotate(360deg) scale(1.1);
	-ms-transform:rotate(360deg) scale(1.1);
	-o-transform:rotate(360deg) scale(1.1);		
}




/*案例结束*/	

/*口碑开始*/
.jianzheng-top {
	width:1200px;
	height:auto;
	overflow:hidden;
	text-align:center;
	padding-top:48px;
}
.jianzheng-top img {
	width:274px;
	height:85px;
}
.jianzheng-bot {
	width:1280px;
	height:auto;
	padding-top:35px;
}
.jianzheng-bot ul {
	width:1280px;
	height:auto;
	overflow:hidden;
	margin-right:-12px;
}
.jianzheng-bot ul li {
	width:340px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
.jianzheng-bot ul li img {
	width:340px;
	height:290px;
}
.jianzheng-bot ul li p {
	overflow:hidden;
}
.jianzheng-bot ul li a {
	color:#1D1D1D;
}
.jianzheng-bot ul li p strong {
	display:block;
	width:100%;
	height:31px;
	line-height:31px;
	font-size:15px;
	overflow:hidden;
	padding-top:10px;
}
.jianzheng-bot ul li p span {
	width:100%;
	height:130px;
	line-height:26px;
	padding-top:5px;
	display:block;
	overflow:hidden;
	border-top:1px solid #ebebeb
}
.jianzheng-bot ul li p font {
	width:93px;
	height:27px;
	line-height:27px;
	text-align:center;
	display:block;
	float:left;
	border:1px solid #999;
	margin-top:18px;
	font-size:15px;
	margin-left:65px;
}
.jianzheng-bot ul li p font a {
	color:#1D1D1D;
}
.jianzheng-bot ul li:hover a {
}
.jianzheng-bot ul li:hover p strong a {
}
.jianzheng-bot ul li:hover {
}
.jianzheng-bot ul li:hover span {
}
.jianzheng-bot ul li:hover font {
}
.jianzheng-bot ul li:hover img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
}
#featureContainer {
	MARGIN: 0px auto;
	WIDTH: 1100px;
}
#wrap {
	OVERFLOW: hidden
}
#load {
	BACKGROUND-IMAGE: url(images/loader32x32.gif);
	TEXT-INDENT: -9999px;
	MARGIN: 0px auto;
	WIDTH: 923px;
	DISPLAY: none;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center 50%;
	HEIGHT: 100px;
}
#feature {
	POSITION: relative;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 20px;
}
#feature .button {
	POSITION: absolute;
	WIDTH: 1200px;
	TOP: 72px;
	LEFT: 0px
}
#feature .prev {
	TEXT-INDENT: -9999px;
	WIDTH: 50px;
	DISPLAY: block;
	background: url(../images/fleft.jpg) center top no-repeat;
	FLOAT: left;
	HEIGHT: 54px;
	TOP: 140px;
	left:-100px;
	position:absolute;
 z-index:9999  filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(1);
	opacity: 0.7;
}
#feature .next {
	TEXT-INDENT: -9999px;
	WIDTH: 50px;
	DISPLAY: block;
	background: url(../images/fright.jpg) center top no-repeat;
	FLOAT: right;
	HEIGHT: 54px;
	TOP: 145px;
	left:1100px;
	position:absolute;
z-index:9999  filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(1);
	opacity: 0.7;
}
#feature .prev:hover {
 BACKGROUND-POSITION: center bottom  filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	-webkit-filter:grayscale(0);
	opacity: 1;
}
#feature .next:hover {
 BACKGROUND-POSITION: center bottom  filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	-webkit-filter:grayscale(0);
	opacity: 1;
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted;
	POSITION: relative;
	BORDER-LEFT: #000 0px dotted;
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 2800px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	BORDER-TOP: #000 0px dotted;
	BORDER-RIGHT: #000 0px dotted;
	PADDING-TOP: 0px;
	LEFT: 0px
}
.featureBox {
	BACKGROUND-REPEAT: no-repeat;
	FLOAT: left;
	HEIGHT: 490px;
	OVERFLOW: hidden;
}
#botton-scroll {
	Z-INDEX: 0;
	MARGIN: 0px auto;
	WIDTH: 1100px;
	FLOAT: left;
	HEIGHT: 490px;
}
#block {
	Z-INDEX: 0;
	POSITION: relative;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	WIDTH: 1100px;
	PADDING-RIGHT: 0px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}
#block .box {
	text-align: left;
}
#block .box .feature-title {
	FONT-SIZE: 140%;
	FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 240px;
	MARGIN-BOTTOM: 5px;
	FLOAT: left;
	HEIGHT: 150px
}
a.casetitle {
	font-size:16px;
}
/*口碑结束*/



.news {
	float:left;
	width:1200px;
	margin-bottom:60px;
}
span.indextime {
	padding-top:10px;
}
span.newstitle {
	font-size:14px;
	padding-top:10px;
	font-weight:bold;
	display:block;
}
.indexnews {
	float:left;
	width:1180px;
	height:170px;
	padding-right:20px;
	border-bottom:1px solid #ebebeb;
	margin-bottom:20px;
}
.newspic {
	float:left;
	width:370px;
	margin-top:30px;
	margin-right:15px;
}
.newsbox {
	float: right;
	width:840px;
	margin-top:180px;
	background:url(../images/newsbg2.jpg) no-repeat left bottom;
}
.n1title {
	float:left;
	width:505px;
	height:148px;
	margin-bottom:7px;
	padding-top:75px;
	background:url(../images/n1.jpg) no-repeat left bottom;
}
.pro {
	float:right;
	width:800px;
	padding-left:100px;
	padding-top:10px;
	border:1px solid #ebebeb;
	border-top:none;
	padding-bottom:5px;
}
.indeximg4 {
	float:left;
	width:250px;
	height:auto;
	margin-right:25px;
	text-align:center;
	margin-bottom:30px;
	background-color:#EDEDED;
}
.indeximg4 h2 {
	text-align:center;
}
.indeximg4 a.box {
	float:left;
	width:250px;
	height:218px;
	overflow:hidden;
	display:block;
	text-align:center;
}
.indeximg4 span {
	overflow:hidden;
	text-align: center;
	height:52px;
	line-height:52px;
	color:#333;
	font-size:14px;
}
.indeximg4 a img {
	width:250px;
	height:218px;
	background:#fff;
}
.indeximg4 p {
	padding:5px 15px;
	;
	color:#fff;
}
.indeximg4 p a {
	text-align:center;
}
.indeximg4:hover span {
	color:#fff;
}
.indeximg4:hover {
	background-color:#81A73A;
}
.indeximg4:hover p {
	color:#fff;
}
.indeximg4:hover a span {
	color:#fff;
}
.indeximg4:hover a.cpmore {
}
.indeximg4:hover img {
	color:#fff;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
}
.indeximg5 {
	float:left;
	width:270px;
	height:auto;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	margin-bottom:30px;
	background-color:#EDEDED;
}
.indeximg5 h2 {
	text-align:center;
}
.indeximg5 a.box {
	float:left;
	width:270px;
	height:203px;
	overflow:hidden;
	display:block;
	text-align:center;
}
.indeximg5 span {
	overflow:hidden;
	text-align: center;
	height:52px;
	line-height:52px;
	color:#333;
	font-size:14px;
}
.indeximg5 a img {
	width:270px;
	height:203px;
	background:#fff;
}
.indeximg5 p {
	padding:5px 15px;
	;
	color:#fff;
}
.indeximg5 p a {
	text-align:center;
}
.indeximg5:hover span {
	color:#fff;
}
.indeximg5:hover {
	background-color:#81A73A;
}
.indeximg5:hover p {
	color:#fff;
}
.indeximg5:hover a span {
	color:#fff;
}
.indeximg5:hover a.cpmore {
}
.indeximg5:hover img {
	color:#fff;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
}
a.indexbtn {
	color: #fff;
	border: 2px solid #fff;
	background: transparent;
	border-radius: 0;
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
	margin: 0 auto;
	display: block;
	width: 200px;
	height: 47px;
	line-height: 43px;
	padding: 0;
	text-align:center;
}
a.indexbtn:hover {
	background: #fff;
	color: #173969;
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
}
.cpdes {
	width:240px;
	padding:10px 15px;
	font-size:12px;
	color:#333;
	height:80px;
	text-align:left;
}
a.cpmore {
	width:82px;
	height:26px;
	display:block;
	margin:20px auto;
	background:url(../images/cpmore.jpg) left bottom no-repeat;
}
.indexmore {
	display:block;
	width:82px;
	margin-top:10px;
	margin-bottom:20px;
	height:26px;
	border:1px solid #333333;
	text-align:center;
}
.indexmore a:hover {
	margin-left: 10px;
 transition: .3s;
 -o-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
}
/*首页*/

.style-1 h3.title span {
	float:left;
	background:url(../images/dt-5.gif) repeat-x;
	height:32px;
	line-height:32px;
	padding:0px 25px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
}
.style-1 h3.title a.more {
	float:right;
	width:39px;
	height:11px;
	line-height:1000px;
	overflow:hidden;
	background:url(../images/more.gif);
	margin:10px 10px 0px 0px;
}
.style-1 .active {
	padding:10px 0 10px 0;
	margin-right:10px;
	float:right;
}
.style-2 h3.title {
	background:url(../images/dt-6.gif) repeat-x;
	height:32px;
	line-height:32px;
	padding-left:15px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	position:relative;
}
.style-2 h3.title a.more {
	position:absolute;
	right:10px;
	top:0px;
	color:#fff;
	font-size:12px;
}
.style-2 .active {
	background:#fff;
	padding:10px;
}
.style-2 dl.ind {
	clear:both;
	zoom:1
}
.style-2 dl.ind dt {
	float:left;
	display:inline;
	border-bottom:1px dotted #ccc;
	padding:10px 0px 10px 0px;
	zoom:1
}
.style-2 dl.ind dt a {
	margin-left:5px;
}
.style-2 dl.ind dd {
	float:right;
	display:inline;
	border-bottom:1px dotted #ccc;
	padding:10px 0px 10px 0px;
	overflow:hidden;
}
.style-2 dl.ind dd h4 {
	margin-left:10px;
}
.style-2 dl.ind dd p.desc {
	margin-left:10px;
	font-style: italic;
	color:#666;
}
.index-news {
	float:left;
	width:300px;
	margin-top:10px;
	margin-right:18px;
	border:1px solid #ebebeb;
}
.listel li {
	margin:0px 5px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	padding-left:13px;
	background:url(../images/dt-1.gif) no-repeat left 12px;
	border-bottom:1px dotted #ccc;
}
.listel li a {
	margin-right:5px;
	zoom:1;
}
.listel li span {
	float:right;
	color:#666;
}
.index-conts {
	float:right;
	width:290px;
	margin-top:15px;
}
.index-product {
	padding-top:15px;
*margin-top:15px;
*padding-top:0px;
}
.index-product .profld {
	margin:0px;
	position:relative;
	overflow:hidden;
}
.index-product h3 span {
	float:left;
}
.index-product ol {
	position: absolute;
	width: 2012em;
}
.index-product ol li {
	float:left;
	text-align:center;
}
.index-product ol li a.img {
	display:block;
	text-align:center;
	font-size:0px;
}
.index-product ol li a.img img {
	margin:auto;
	border:1px solid #d6d6d6;
}
.index-product ol li h3 {
	font-weight:normal;
	margin-top:5px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.index-product .flip {
	height:20px;
	overflow:hidden;
	margin:8px 15px 0px;
	float:left;
}
* html .index-product .flip {
	width:300px;
}
*+html .index-product .flip {
	width:300px;
}
.index-product .next, .index-product .prev {
	width:18px;
	height:18px;
	overflow:hidden;
	display:block;
	float:left;
	background:url(../images/neu.gif) no-repeat;
}
.index-product .next {
	background-position:-17px 0px;
}
.index-product .next:hover {
	background-position:-57px 0px;
}
.index-product .prev {
	background-position:-40px 0px;
}
.index-product .prev:hover {
	background-position:0px 0px;
}
#trigger {
	float:left;
	margin-right:5px;
	margin-top:0px;
	position:relative;
	bottom:8px;
*bottom:0px;
*top:5px;
	zoom:1;
}
#trigger a {
	background:url(../images/neu.gif) no-repeat -78px -10px;
	width:8px;
	height:8px;
	font-size:0px;
	display:inline-block;
	overflow:hidden;
	margin-right:5px;
}
#trigger a.current {
	background-position:-78px 0px;
}
#tabs-nav {
	float:left;
	text-align: center;
	margin-left:15px;
}
#tabs-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
*display:inline;
	position:relative;
*top:12px;
}
#tabs-nav li a {
	width: 8px;
	height: 8px;
	display: block;
	overflow:hidden;
	background:#9df0f5;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#tabs-nav li a:hover {
	background:#fff;
}
#tabs-nav li a.flex-active {
	background:#fff;
	cursor: default;
}
.index-links {
	float:left;
	width:100%;
}
.index-links h3 {
	height:32px;
	line-height:32px;
	padding-left:20px;
	font-weight:normal;
	font-size:14px;
	position:relative;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
.index-links h3 a.more {
	position:absolute;
	right:10px;
	top:0px;
	color:#666;
	font-size:12px;
}
.index-links span {
	float:left;
	width:10%;
	font-size:14px;
}
.index-links ul {
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
}
.index-links .img {
	margin-bottom:3px;
}
.index-links .img li {
	list-style:none;
	display:inline;
	padding-right:5px;
}
.index-links .img img {
	width:88px;
	height:31px;
}
.index-links .txt {
	zoom:1;
}
.index-links .txt li {
	list-style:none;
	float:left;
	width:auto;
	margin-right:5px;
	overflow:hidden;
}
.index-links .txt li a {
	color:#fff;
}
/*底部*/
.foottel {
	float:left;
	width:300px;
}
.footbox {
	float:left;
	width:100%;
	padding-top:50px;
	min-width:1280px;
	padding-bottom:30px;
	background: url(../images/footerbg.jpg) center center;
	position:relative;
}

.footbox2 {
	float:left;
	width:100%;
	min-width:1280px;
	background-color:#0d0d0d;
	color:#6f6f6f;
	height:50px;
	position:relative;
	overflow:hidden;
}
.footbox .bp1{ font-size: 14px; color:#fff; margin-bottom:25px;}
.footbox .bp1 span{ font-size: 20px; line-height:1.6;}
.footbox .ewm{ width:140px; height:140px;}
.footbox .bp2{ font-family: 微软雅黑, 宋体;color:#fff;}


.f-left{
	    float: left;
    width: 45%
	
	} 
.f-right{
	    float: right;
    width: 45%
	} 
.f-left-right{ float:right;}
.f-left .hbox{
  color: #f4f4f4;
  font-size: 18px;
  font-weight: 700;
  padding-left: 4%;
  position:relative;
  border-bottom:1px solid #7d7b79;
  padding-bottom: 3%;
  margin-bottom:30px;
}

.f-left .hbox i{
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #e35c16;
  left:0;
  top:25%;
}

.f-leftsec-left a{
	float: left;
    width: 50%;
    margin-bottom: 17%;
    color: #f4f4f4;
    font-size: 14px;
	
	}

.f-leftsec-left{
	float: left;
    width: 40%;
    margin-top: 3%;
	}

.f-leftsec-right{
	float: right;
    width: 40%;
    margin-top: 26%;
	}
.f-leftsec-right a{
	display: block;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: 15%;
}

.f-leftsec-right a.tel{
	background: #191919 url(../images/f-tel.png) no-repeat center;	
	}

.f-leftsec-right a.ly {
    background: #191919 url(../images/f-ly.png) no-repeat center;}
	
.f-leftsec-right a.ad{
background: #191919 url(../images/f-ad.png) no-repeat center;}


.footlogo {
	float:left;
	width:200px;
	margin-top:20px;
}
.footewm {
	float:right;
	width:135px;
}
.foot-nav {
	height:25px;
	line-height:25px;
	width:750px;
	float:left;
}
.foot-nav a {
	color:#f6f6f6;
}
.foot-nav span {
	font-size:10px;
	margin:0px 8px;
	color:#fff;
}




.foot-text {
	float:left;
	width:900px;
	text-align:left;
	padding:0px 0px 14px 0;
	line-height:24px;
	line-height:50px;
}
.foot-text p {
	color:#6f6f6f;
}
.foot-text a {
	color:#6f6f6f;
}



.Nav_nav {
	width:1000px;
	float:left;
	overflow:hidden;
	padding-top:10px;
}
.Nav_nav ul {
	width:120px;
	float:left;
	overflow:hidden;
}
.Nav_nav ul ol {
	line-height:24px;
	text-align: left;
	font-size:14px;
	background:url(../images/footico.jpg) no-repeat left center;
	padding-left:0px;
	text-indent:14px;
}
.Nav_nav ul li {
	line-height:24px;
	text-align: left;
	text-indent:14px;
}
.Nav_nav ul li a:hover {
	text-decoration:underline;
}
.Nav_nav ul li.f1 {
	background:url(../images/f1.png) no-repeat left center;
	text-indent:24px;
	height:30px;
	line-height:30px;
}
.Nav_nav ul li.f2 {
	background:url(../images/f2.png) no-repeat left center;
	text-indent:24px;
	height:30px;
	line-height:30px;
}
.Nav_nav ul li.f3 {
	background:url(../images/f3.png) no-repeat left center;
	text-indent:24px;
	height:30px;
	line-height:30px;
}
/*内页侧栏*/

.inbanner .banner{ height:350px; overflow:hidden;}
.inbanner .banner li{ background:url(../images/f00.jpg) center center  no-repeat; height:350px;}

/*内页侧栏*/

.sidebar {
	padding:0px;
	width:100%;
	background:url(../images/s1bg.jpg) repeat-x left top
}
.sidebar .sb_nav {
}
.sidebar .sb_nav h3.title {
	text-align:left;
	padding:40px 15px;
	height:33px;
	line-height:33px;
	font-size:22px;
	color:#fff;
	background: url(../images/bg_sidetitle.jpg) no-repeat;
	font-family:"微软雅黑"；
}
.sidebar .sb_nav h3.line {
	margin-top:15px;
}
.sidebar .sb_nav .active {
	padding:0px 0px;
	width:200px;
}

#sidebar{ text-align:left; margin-bottom:45px; padding-bottom:10px; float:left; width:1150px;}

#sidebar dl dt:hover dd{
	display:block;	
	}


#sidebar dl {
	display:inline;
	position:relative;
	padding:10px 10px 10px 15px;
}



#sidebar dl dt {
	position:relative;
	padding:0px 0px 0px 15px;
	text-indent:0px;
	line-height:51px;
	display:inline;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	background: url(../images/sli.jpg) no-repeat left center;
}

#sidebar dl:hover dd{
	display:block;	
	}


#sidebar dl dd {
	padding:0px 0px 0px 0px;
	position:absolute;
	top:35px;
	left:15;
	width:700px;
	font-size:12px;
	background-color:#ff691b;
	display:none;
}





#sidebar dl dd h4 {
	float:left;
	font-weight:normal;
	padding:5px 0px 5px 15px
}
#sidebar dl dd h4 a{
	color:#fff;

}

#sidebar dl dt.on {
	color:#ff691b;
}
#sidebar dl dd .sub {

	
}

#sidebar dl dd .sub h4 a{
	float:left;
	
}

#sidebar dl dt:hover {
	color:#ff691b;
}
#sidebar dl dt:hover span {
	color:#ff691b;
}
#sidebar dl dt a:hover {
	color:#ff691b;
}
#sidebar dl dt a {
	color:#fff;
	font-size:14px;
}
#sidebar dl dt.on a {
	font-weight:bold;
	color:#ff691b;
}
#sidebar dl h4.on a {
	font-weight:bold;
	color:#ff691b;
	background-color:#333;
	padding-left:10px;
	padding-right:10px;
}
.sidebar .sb_box {
	width:1280px;
	margin:0 auto;
	margin-bottom:80px;
}
.sidebar .sb_box h3.title {
	height:123px;

	margin-bottom:20px;
	margin-top:-30px;
	background-color:#ff691b;
	color:#fff;
	width:123px;
	float:right;
	position:relative;
}
.sidebar .sb_box h3 p{ text-align:center;}
.sidebar .sb_box h3.title span {
	font-size:22px;
	display:block;
	margin-top:25px;
}
.sidebar .sb_box h3.title div.position {
	float:right;
	position:relative;
	top:0px;
	right:15px;
}
.sidebar .sb_box h3.title div.position a {
	color:#BB9B60;
}
.a_m {
    float: right;
    display: none;
    margin-top: 20px;
}
@media (max-width: 1120px) {
header{ min-width:100%; width:100%;}
.a_m{ display:block;}
.topbox{ position:relative; background:#fff;}
.rbox{ height:300px;}
.met_flash{ min-width:100%; height:300px; position:relative;}
.banner{ min-width:100%; height:300px;}
.banner ul li{ height:300px; background-size:cover !important;}
.indexbox{ min-width:100%; width:100%;}
.inner{ min-width:100%; width:100%;}
.indeximg{ width:49%;}
.indeximg:nth-child(2n){ margin-right:0;}
.indeximg p{ float:none;}
.indeximg a span{ width:100%; text-align:center;}
.about{ height:auto; padding:20px; box-sizing:border-box;}
.aboutleft{ float:none; width:100%;}
.aboutright{ display:none;}
.casebg{ height:auto;}
.abpic .ico{ width:49%;}
.abpic .ico:nth-child(2n){ margin-right:0;}
.jianzheng-bot{ min-width:100%; width:100%;}
#featureContainer{ min-width:100%; width:100%;}
.ind_news,.ind_news2{ display:none;}
.footbox{ min-width:100%; width:100%;}
.footbox2{ min-width:100%; width:100%;}
.f-left{ width:100%; box-sizing:border-box; padding:20px;}
.f-left-right{ display:none;}
.inbanner .banner{ height:300px;}
.inbanner .banner li{ background: url(../images/f00.jpg) 80% center no-repeat; height:300px;}
.sidebar .sb_box{ min-width:100%; width:100%;}
.sidebar .sb_box h3.title{ height:80px; width:80px;}
.sidebar .sb_box h3.title span{ font-size:16px;}
#productlist li{ width:49%;}
#productlist li:nth-child(2n){ margin-right:0;}
#showproduct .pshow dt{ width:100%; float:none;}
#showproduct .pshow dd{ width:100%; float:none; margin-top:30px;}
#showimg .imgshow img{ width:100%;}
#showimg .editor iframe{ width:100%;}
#sidebar{ width:calc(100% - 100px); margin-bottom:0;}
#newslist a.aimg img{ display:none;}
#newslist div.divli{ width:100%;}
#showtext iframe{ width:100%;}
td.input input{ width:300px;}
td.input textarea{ width:300px;}
}